<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>文章列表</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">

    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>
<div class="nav-row">

</div>
<div class="carousel-box">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="../../static/images/详情banner.png" alt="First slide">
            </div>
        </div>

    </div>

</div>

<main>
    <div class="content">
        <div class="article-detail">
            <div class="article-detail-l">
                <div class="news">
                    <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img class="d-block w-100" src="../../static/images/两会.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚焦时期</h5>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="../../static/images/政府.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚1</h5>
                                </div>
                            </div>

                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="news-item">
                        <ul>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责用餐”|附番禺区A</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="article-detail-r" style="width: 51rem">
                <div class="article-header" style="width: 48.38rem;margin: 0 auto">
                    <div class="article-header-inner">
                        <div class="article-logo"></div>
                        <div class="article-tip">XXX专题栏目</div>
                    </div>
                    <div class="article-hot">
                        HOT
                    </div>
                </div>
                <div class="article-list">
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，种类繁多的日系餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item">
                        <div class="article-item-img"></div>
                        <div class="article-item-content">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，种类繁多的日系餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item">
                        <div class="article-item-img"></div>
                        <div class="article-item-content">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，种类繁多的日系餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item">
                        <div class="article-item-img"></div>
                        <div class="article-item-content">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，种类繁多的日系餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pagination">
                    <div class="pagination-inner">
                        <span class="pagination-prep">&lt;</span>
                        <span class="pagination-num">1</span>
                        <span class="pagination-num active">2</span>
                        <span class="pagination-num">3</span>
                        <span class="pagination-num">...</span>
                        <span class="pagination-num">10</span>
                        <span class="pagination-next">&gt;</span>
                    </div>
                </div>
            </div>
        </div>



    </div>
</main>
<footer class="footer">

</footer>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav_inner.html");
        $(".nav-row").load("../../views/common/nav-row.html");
        $("footer").load("../../views/common/footer.html");
    })()
</script>
</body>
</html>